.main-home{
  width: 100%;
  min-height: 10rem;
  display: inline-block;
  .home-mid{
    border-radius: 0.04rem;
    width: 11rem;
    height: 100%;
    margin: 0.2rem auto;
    display: flex;
    justify-content: space-between;
    position: relative;

    .home-ul{
      max-width: 894px;
      height: 100%;
      flex: 2;
      background: #ffffff;
      border-radius: 0.04rem;
      padding: 0.1rem;

      .home-li{
        width: auto;
        //height: 1.2rem;
        border-radius: 0.1rem;
        border-bottom: 0.01rem solid rgba(220, 220, 220,0.4);
        background: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        .li-img{
          height: 1.2rem;
          img{
            width: auto;
            height: 100%;
            padding: 0.1rem;
            border-radius: 0.05rem;
          }
        }
        .li-text{
          flex: 2;
          width: 6.2rem;
          padding: 0.1rem;
          .li-item{
            display: inline-block;
            margin-bottom: 0.04rem;
            .item-g{
              padding: 0 0.1rem;
              opacity: 0.2;
            }
            .item-name{
              cursor: pointer;
              &:hover{
                color: #1aaa55;
              }
            }
            .item-time{
              color: #86909c;
            }
          }
          .li-tit{
            width: 7.4rem;
            display: inline-block;
            font-weight: 700;
            font-size: 0.16rem;
            line-height: 0.28rem;
            color: #1d2129;
            cursor: pointer;
            &:hover{
              color: #1aaa55;
            }
          }
          .li-con{
            color: #888;
            font-size: 0.14rem;
            overflow:hidden;  //超出文本隐藏
            text-overflow:ellipsis;  ///超出部分省略号显示
            display:-webkit-box;  //弹性盒模型
            -webkit-box-orient:vertical;  //上下垂直
            -webkit-line-clamp:1;  //自定义行数
          }
        }
      }
    }
  }
}
